<div class="suggestion-container">
  <div class="tab">
    <a class="advice" (click)="showAdvice()" [ngClass]="{active: isAdvice==true}">投诉建议</a>
    <a class="complaint" (click)="showComplaint()" [ngClass]="{active: isComplaint==true}">我要投诉</a>
  </div>
  <form class="advice-box form-horizontal" *ngIf="isAdvice==true">
    <ul class="th clearfix">
      <li>投诉日期</li>
      <li>投诉类型</li>
      <li>描述</li>
      <li>状态</li>
    </ul>
    <ul class="suggestion-item" *ngFor="let v of orderList">
      <li>{{v.createTime}}</li>
      <li>{{v.categoryName}}</li>
      <li>
        {{v.content}}
      </li>
      <li class="status">
        <p>{{v.statusName}}</p>
      </li>
    </ul>
  </form>
  <form class="complaint-box form-horizontal" *ngIf="isComplaint==true" [formGroup]="sForm">
    <div class="form-group">
      <label>我要投诉：</label>
      <div class="select-box">
        <select
          name="category"
          formControlName="datacategory"
          [(ngModel)]="data.category">
          <option [value]="v.code" *ngFor="let v of complaintCategory">{{v.name}}</option>
        </select>
      </div>
    </div>
    <div class="form-group textarea-group clearfix">
      <label class="label-top fl">内容：</label>
      <textarea placeholder="说一说具体的投诉建议" class="fl" [(ngModel)]="data.content" formControlName="content"></textarea>
    </div>
    <div class="btn-box clearfix">
      <a href="javascript:;" class="sys-green fr" (click)="sumbitComplaint()">提交</a>
    </div>
  </form>
</div>
